<template>
    <div id="myPrivilege">
        <Card id="card"/>
        <Privilege class="privilege"/>
        <Privilege class="privilege"/>
        <Privilege class="privilege"/>
        <Privilege class="privilege"/>
    </div>
</template>

<script>
import Card from "./card/Card";
import Privilege from "./privilege/Privilege";
    export default {
        name: "MyPrivilege",
        components:{
            Card,
            Privilege
        },
        data(){
            return{

            }
        }
    }
</script>

<style scoped>
    #card{
        margin-bottom: 20px;
    }
    .privilege{
        margin: 0px 10px;
    }
    #myPrivilege{
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
    }
</style>